<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/gs.css">
  

  <title>Document</title>
</head>
<body>
  <!-- 头部 -->
  <header>
    <div class="wrap clearfix">
      <ul class="left">
        <li>
          <a href="#">
            <img src="./favicon.ico" alt=""> 网易云音乐
          </a>
        </li>
        <li><a href="#">
            <span>发现音乐</span>
          </a></li>
        <li><a href="#">
            <span>我的音乐</span>
          </a></li>
        <li><a href="#">
            <span>关注</span>
          </a></li>
        <li><a href="#">
            <span>商城</span>
          </a></li>
        <li><a href="#">
            <span>音乐人</span>
          </a></li>
        <li><a href="#">
            <span>云推歌</span>
          </a></li>
        <li><a href="#">
            <span>下载客户端</span>
          </a></li>
  
      </ul>
      <div class="right">
        <!-- 搜索框制作 -->
        <div class="search">
          <input type="text" placeholder="音乐.电台.视频.用户">
          <div class="logo"></div>
        </div>
        <!-- 创作者中心制作 -->
        <div class="create">
          <a href="#">创作者中心</a>
        </div>
        <!-- 登录制作 -->
        <div class="denglu">
          <a href="#">登录</a>
        </div>
      </div>
    </div>
    <!-- 上方导航栏制作 -->
    <div class="hd clearfix">
      <ul class="nav1 clearfix">
        <a href="index.html">推荐</a>
        <a href="#">排行版</a>
        <a href="gd.html" target="_blank">歌单</a>
        <a href="#">播客有声书</a>
        <a href="gs.html" class="red">歌手</a>
        <a href="xd.html">新碟上架</a>
      </ul>
    </div>
  </header>
  <div class="s">
    <div class="w">
      <div class="sz clearfix">
        <div class="sz-left">
          <div class="l1">
            <h3>推荐</h3>
            <a href="#"> <span></span>推荐歌手</a>
            <a href="#"><span></span>入驻歌手</a>
          </div>
          <div class="l2">
            <h3>华语</h3>
            <a href="#"> <span></span>华语女歌手</a>
            <a href="#"><span></span>华语男歌手</a>
            <a href="#"><span></span>华语组合乐队</a>
          </div>
            <div class="l2">
              <h3>华语</h3>
              <a href="#"> <span></span>华语女歌手</a>
              <a href="#"><span></span>华语男歌手</a>
              <a href="#"><span></span>华语组合乐队</a>
            </div>
              <div class="l2">
                <h3>华语</h3>
                <a href="#"> <span></span>华语女歌手</a>
                <a href="#"><span></span>华语男歌手</a>
                <a href="#"><span></span>华语组合乐队</a>
              </div>
                <div class="l2">
                  <h3>华语</h3>
                  <a href="#"> <span></span>华语女歌手</a>
                  <a href="#"><span></span>华语男歌手</a>
                  <a href="#"><span></span>华语组合乐队</a>
                </div>
                  <div class="l2">
                    <h3>华语</h3>
                    <a href="#"> <span></span>华语女歌手</a>
                    <a href="#"><span></span>华语男歌手</a>
                    <a href="#"><span></span>华语组合乐队</a>
                  </div>

        </div>
        <div class="sz-right ">
              <div class="gs clearfix">
                <div class="gs-hd clearfix">
                  <h3>入驻歌手</h3>
                  <a href="#">更多 ></a>
                </div>
                <div class="gs-bd">
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                        <p>汪苏泷</p>
                        <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                  <a class="gs-one">
                    <img src="./upload/gs.png" alt="">
                    <p>汪苏泷</p>
                    <div class="icon"></div>
                  </a>
                </div>
              </div>
                <div class="gs clearfix">
                  <div class="gs-hd clearfix">
                    <h3>热门歌手</h3>
                    
                  </div>
                  <div class="gs-bd">
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                    <a class="gs-one">
                      <img src="./upload/gs.png" alt="">
                      <p>汪苏泷</p>
                      <div class="icon"></div>
                    </a>
                  </div>
                </div>
                <div class="gsz clearfix">
                  <li>
                    <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                    <li>
                      <a href="#">毛不易</a>
                      <div class="icon"></div>
                    </li>
                        <li>
                          <a href="#">毛不易</a>
                          <div class="icon"></div>
                        </li>
                        <li>
                          <a href="#">毛不易</a>
                          <div class="icon"></div>
                        </li>
                        <li>
                          <a href="#">毛不易</a>
                          <div class="icon"></div>
                        </li>
                        <li>
                          <a href="#">毛不易</a>
                          <div class="icon"></div>
                        </li>
                        <li>
                          <a href="#">毛不易</a>
                          <div class="icon"></div>
                        </li>
                   
                   
                </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 底部制作 -->
  <footer>
    <div class="w">
      <div class="enter clearfix">
        <ul>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
          <li>
            <a href="#"></a>
            <p>音乐开放平台</p>
          </li>
        </ul>
      </div>
      <div class="copy">
        <div class="d1 clearfix">
          <a href="#">服务条款</a>
          <p>|</p>
          <a href="#">隐私政策</a>
          <p>|</p>
          <a href="#">儿童隐私政策</a>
          <p>|</p>
          <a href="#">版权投诉</a>
          <p>|</p>
          <a href="#">投资者关系</a>
          <p>|</p>
          <a href="#">广告合作</a>
          <p>|</p>
          <a href="#">联系我们</a>
        </div>
        <div class="d2 clearfix">
          <a href="#">廉政举报</a>
          <p>不良信息举报邮箱 51jubao@sevice.netease.com</p>
          <p>客服热线:95163298</p>
        </div>
        <div class="d3">
          互联网宗教信息服务许可证：浙(2022)0000120 增值电信业务经营许可证:浙B2-20150198 粤B2-20090191-18 浙ICP备15006616号-4 工业和信息化部备案管理系统网站
        </div>
        <div class="d4">网易公司版权所有©1997-2025杭州乐读科技有限公司运营:浙网文[2024] 0900-042号 浙公网安备 33010802013307号 算法服务公示信息</div>
      </div>
    </div>
  </footer>
  <div class="top-fh"><a href="#" class="fh">^&nbsp top</a></div>
  <script src="./js/common.js"></script>
  
</body>
</html>